<template>
     <div>
        <h2>组件</h2>
        <!-- 1创建组件
        
             1)父组件给子组件数据
                1通过属性方式=》在父组件
                2在子组件中通过props 接收数据 
             2) 
         -->
          
        <!-- 兄弟1组件 -->
      <!-- <Children1 getC="100"></Children1> -->
      <!-- <Children1 :getC="Children1List" :num="num"></Children1>  -->
        <!-- 兄弟2组件 -->

        <!-- 在父组件中接收这个自定义事件 -->
        <Children2 @getf="getfC"></Children2>
     </div>
</template>

<script>
// 局部组件
import Children1 from './components/Children1.vue'
import Children2 from './components/Children2.vue'
export default {
    data(){
        return{
         Children1List:[],
         num:1000
        }
    },
    created(){
     //发送请求
          this.Children1List = ['1','2','3']
    },
    methods:{
      getfC(val){
         console.log('通知父亲',val);
      }
    },
   components:{
    Children1,
    Children2
   }
}
</script>

<style>

</style>